<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>日常保洁</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="./css/sm.min.css">
    <link rel="stylesheet" href="./css/sm-extend.min.css">
   <link href="../css/flickerplate.css"  type="text/css" rel="stylesheet">
   <link href="./css/baojieRichang.css" rel="stylesheet">
   <script src="../js/jquery-2.1.1.js"></script>
   <script src="../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
   <script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
   <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
   <script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
   <script src="../js/common.js"></script>
  </head>
   <script type="text/javascript">
     var nonce="";//生成签名的随机串
     var signature="";//签名
     var timestamp="";//时间戳
     var title="蓝居--定制租住生活";
     var desc="房屋出租托管、租房、除甲醛除异味、保洁家修戳我！";
     var sharLink="http://lanjushiye.com.cn/LanJuPublic/jsp/home.html";
     var imgUrl="http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
     $(document).ready(function(){  
   	  var url = encodeURI(location.href.split('#')[0]);
   	  $.ajax({
   	         url: "../weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
   	         type: "POST",
   	         data:{"url":url},
   	         dataType: "json",
   	         success: function(data){
   	        	 if(data != null){
   	        		 nonce=data.nonce;
   		             signature=data.signature;
   		             timestamp=data.timestamp;
   		             loadWx();
   	        	 }
   	             
   	          },
   	          error:function(err){
   	            console.log('异常');
   	          }
   	        });
   });
     
     function loadWx(){
   	  wx.config({
   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
   		    timestamp: timestamp, // 必填，生成签名的时间戳
   		    nonceStr: nonce, // 必填，生成签名的随机串
   		    signature: signature,// 必填，签名
   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
   		});
   	  wx.ready(function(){
   		  //分享到朋友圈
   		  wx.onMenuShareTimeline({
   			    title: title, // 分享标题
   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			    imgUrl: imgUrl, // 分享图标
   			    desc: desc, // 分享描述
   			    success: function () {
   			    // 用户确认分享后执行的回调函数
   				},
   			cancel: function () {
   			    // 用户取消分享后执行的回调函数
   		    }
   		});
   		  //分享到朋友
   		  wx.onMenuShareAppMessage({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			  imgUrl: imgUrl, // 分享图标
   			  type: 'link', // 分享类型,music、video或link，不填默认为link
   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   		  //分享到QQ
   		  wx.onMenuShareQQ({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接
   			  imgUrl: imgUrl, // 分享图标
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   	  });
   	  
   	  wx.error(function(res){
   		
   	  });
   	  
   }
  </script>
 <body>
<header class="bar bar-nav">
  <a class="icon icon-left pull-left"></a>
  <a class="icon icon-refresh pull-right"></a>
  <h1 class="title">日常保洁</h1>
</header>
 <div class="content" style="padding-bottom:72px;">
<div class="card demo-card-header-pic">
    <div valign="bottom" class="card-header color-white no-border no-padding">
      <img class='card-cover' src="../images/12.jpg" alt="">
    </div>
    <div class="card-content">
      <div class="card-content-inner">
       <p>一个月四次日常保洁，三个月起定</p>
        <p style="color: #FF9900;">首次体验第一个月只需98元</p>
      </div>
    </div></div>
    
    <div class="imformation1" style="margin-top: 10px;background: #fff;">
			<div class="imformation1_left" style="width: 100%; margin-left: 0;height: auto;padding-bottom: 10px;">
				<ul>
					<li><span class="title2">二次订购价</span></li>
				</ul>
			</div>
			  <div class="content-padded grid-demo" style="background: #F2F2F2;">
    <div class="row" style="margin-top: -15px;">
      <div class="col-50">
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;font-size: 13px;">50-80㎡168元/月</p>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;font-size: 13px;">110-150㎡268元/月</p>
      </div>
      <div class="col-50">
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;font-size: 13px;">80-110㎡208元/月</p>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;font-size: 13px;">151-200㎡328元/月</p>
      </div>
    </div>
		</div>
 
 </div>
     <div class="imformation1" style="margin-top: 10px;background: #fff;">
			<div class="imformation1_left" style="width: 100%; margin-left: 0;height: auto;padding-bottom: 10px;">
				<ul>
					<li><span class="title2">服务内容</span></li>
				</ul>
	<p style="margin-top: 5px;padding-left:15px;padding-right:10px;">
	负责入户区域、客厅、厨房、卫生间、浴室、阳台区域的地面保洁，消毒杀菌，垃圾清理，台面收拾以及卫生间马桶污渍清理。
			</p>
			</div>
 </div>
 
      <div class="imformation1" style="margin-top: 10px;background: #fff;">
			<div class="imformation1_left" style="width: 100%; margin-left: 0;height: auto;padding-bottom: 10px;">
				<ul>
					<li><span class="title2">服务保障</span></li>
				</ul>
			</div>
<div class="content-padded grid-demo" style="margin-bottom: 30px;">
    <div class="row" style="margin-top: -5px;">
      <div class="col-50" style="text-align: center;">
      <img alt="" src="../images/12.jpg" style="height:60px;width: 100px;"/>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;margin-top: -4px;font-size: 13px;">整洁零垃圾</p>
      </div>
      <div class="col-50" style="text-align: center;">
      <img alt="" src="../images/12.jpg" style="height:60px;width: 100px;"/>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;margin-top: -4px;font-size: 13px;">清洁无尘</p>
      </div>
    </div>
   <div class="row">
      <div class="col-50" style="text-align: center;">
      <img alt="" src="../images/12.jpg" style="height:60px;width: 100px;"/>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;margin-top: -4px;font-size: 13px;">杀菌消毒</p>
      </div>
      <div class="col-50" style="text-align: center;">
      <img alt="" src="../images/12.jpg" style="height:60px;width: 100px;"/>
      <p style="background: #fff;padding: 3px 0px 3px 0px;text-align:center;margin-left:5px;margin-right: 5px;margin-top: -4px;font-size: 13px;">去除污渍</p>
      </div>
    </div> 
   <p style="font-size: 13px;padding:5px 5px 5px 10px;">温馨提示：保洁套餐三个月起售，一次性收费，每一周清洁一次。</p>
		</div>
 </div>
 <div class="r">
        <input type="submit" value="订购套餐"  class="btn"/>
    </div>
 </div>
  </body>
</html>
